<html>
    <head>
        <title>E-Commerce</title>
        <link href="resources/stylesheet.css" rel="stylesheet" type="text/css"/>
    </head>
    <body style="height: 432px; width: 240px">
        <div style="background-color: rgb(255, 255, 255); height: 456px; width: 216px; -rave-layout: grid" xmlns:f="http://java.sun.com/jsf/core" xmlns:webuijsf="http://www.sun.com/webui/webuijsf">
            <f:subview id="menu">
                <!-- categories //-->
                <table cellpadding="0" cellspacing="5" style="left: 0px; top: 0px; position: absolute">
                    <tr>
                        <td style="width: 218px" width="209">
                            <!-- categories //-->
                            <table border="0" cellpadding="0" cellspacing="0" class="box_heading_table" width="100%">
                                <tr>
                                    <td>
                                        <img alt="" border="0" height="5" src="/resources/images/box_heading_tl.gif" width="38"/>
                                    </td>
                                    <td class="box_heading_tall_t" style="width: 172px" width="100%">
                                        <img alt="" border="0" height="1" src="/resources/images/spacer.gif" width="1"/>
                                    </td>
                                    <td>
                                        <img alt="" border="0" height="5" src="/resources/images/box_heading_tr.gif" width="5"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <img alt="" border="0" height="26" src="/resources/images/box_heading_l.gif" width="38"/>
                                    </td>
                                    <td valign="top" width="100%">
                                        <img height="26" src="/resources/images/box_heading_MENU.gif" width="190"/>
                                    </td>
                                    <td>
                                        <img alt="" border="0" height="26" src="/resources/images/box_heading_r.gif" width="5"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <img alt="" border="0" height="5" src="/resources/images/box_heading_bl.gif" width="38"/>
                                    </td>
                                    <td class="box_heading_tall_b" width="100%">
                                        <img alt="" border="0" height="1" src="/resources/images/spacer.gif" width="1"/>
                                    </td>
                                    <td>
                                        <img alt="" border="0" height="5" src="/resources/images/box_heading_br.gif" width="5"/>
                                    </td>
                                </tr>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="">
                                <tr>
                                    <td>
                                        <!-- corpo -->
                                        <table border="0" cellpadding="0" cellspacing="0" class="box_body_table" style="margin-bottom:7px;" width="100%">
                                            <tr>
                                                <td class="box_body box_body_tall_b box_body_td" style="height: 311px; width: 100%">
                                                    <ul>
                                                        <li class="bg_list">
                                                            <webuijsf:hyperlink actionExpression="#{menu.hyperlink3_action}" binding="#{menu.hyperlink3}"
                                                                id="hyperlink3" text="Home" url="/faces/index.jsp"/>
                                                        </li>
                                                        <li class="bg_list">
                                                            <webuijsf:hyperlink actionExpression="#{menu.hyperlink1_action}" binding="#{menu.hyperlink1}"
                                                                id="hyperlink1" text="Buscar Produto" url="/faces/buscarProduto.jsp"/>
                                                        </li>
                                                        <li class="bg_list">
                                                            <webuijsf:hyperlink actionExpression="#{menu.hyperlink3_action}" binding="#{menu.hyperlink4}"
                                                                id="hyperlink4" text="Ver Carrinho" url="/faces/carrinhoDeProdutos.jsp"/>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="box_body_tall_b" style="width:100%;">
                                                    <img alt="" border="0" height="9" src="/resources/images/line2.gif" width="207"/>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <!-- categories_eof //-->
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" class="box_heading_table" width="100%">
                                <tr>
                                    <td>
                                        <img alt="" border="0" height="5" src="/resources/images/box_heading_tl.gif" width="38"/>
                                    </td>
                                    <td class="box_heading_tall_t" width="100%">
                                        <img alt="" border="0" height="1" src="/resources/images/spacer.gif" width="1"/>
                                    </td>
                                    <td>
                                        <img alt="" border="0" height="5" src="/resources/images/box_heading_tr.gif" width="5"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <img alt="" border="0" height="26" src="/resources/images/box_heading_l.gif" width="38"/>
                                    </td>
                                    <td class="box_heading_td" width="100%">Destaque</td>
                                    <td>
                                        <img alt="" border="0" height="26" src="/resources/images/box_heading_r.gif" width="5"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <img alt="" border="0" height="5" src="/resources/images/box_heading_bl.gif" width="38"/>
                                    </td>
                                    <td class="box_heading_tall_b" width="100%">
                                        <img alt="" border="0" height="1" src="/resources/images/spacer.gif" width="1"/>
                                    </td>
                                    <td>
                                        <img alt="" border="0" height="5" src="/resources/images/box_heading_br.gif" width="5"/>
                                    </td>
                                </tr>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="">
                                <tr>
                                    <td>
                                        <table border="0" cellpadding="0" cellspacing="0" class="box_body_table" style="margin-bottom:7px;" width="100%">
                                            <tr>
                                                <td class="box_body box_body_tall_b box_body_td" style="width:100%;  height:195px;">
                                                    <table border="0" cellpadding="0" cellspacing="4">
                                                        <tr>
                                                            <td>
                                                                <table border="0" cellpadding="0" cellspacing="0" class="pic table_pic_width">
                                                                    <tr>
                                                                        <td>
                                                                            <img alt="" border="0" height="5" src="/resources/images/pic_corn_tl.gif" width="5"/>
                                                                        </td>
                                                                        <td class="pic_corn_t">
                                                                            <img alt="" border="0" height="1" src="/resources/images/spacer.gif" width="1"/>
                                                                        </td>
                                                                        <td>
                                                                            <img alt="" border="0" height="5" src="/resources/images/pic_corn_tr.gif" width="5"/>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td class="pic_corn_l">
                                                                            <img alt="" border="0" height="1" src="/resources/images/spacer.gif" width="1"/>
                                                                        </td>
                                                                        <td class="image">
                                                                            <a href="#">
                                                                                <img alt="iPhone 3G" border="0" height="103"
                                                                                src="/resources/produtos/iphone_small.jpg" title=" iPhone 3G " width="70"/>
                                                                            </a>
                                                                        </td>
                                                                        <td class="pic_corn_r">
                                                                            <img alt="" border="0" height="1" src="/resources/images/spacer.gif" width="1"/>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            <img alt="" border="0" height="5" src="/resources/images/pic_corn_bl.gif" width="5"/>
                                                                        </td>
                                                                        <td class="pic_corn_b">
                                                                            <img alt="" border="0" height="1" src="/resources/images/spacer.gif" width="1"/>
                                                                        </td>
                                                                        <td>
                                                                            <img alt="" border="0" height="5" src="/resources/images/pic_corn_br.gif" width="5"/>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                            <td>
                                                                <img alt="" border="0" height="1" src="/resources/images/spacer.gif" width="13"/>
                                                            </td>
                                                            <td>
                                                                <table border="0" cellpadding="0" cellspacing="0">
                                                                    <tr>
                                                                        <td height="70">
                                                                            <span>
                                                                                <a href="#">iPhone 3G</a>
                                                                            </span>
                                                                            <br/>
                                                                            <br/> Novo iPhone 3G. Tecnologia 3G. GPS. Mais fino.</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            <br/>
                                                                            <del>R$ 1.600,00</del>
                                                                            <br/>
                                                                            <span class="productSpecialPrice">R$ 1.399,99</span>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="box_body_tall_b" style="width:100%;">
                                                    <img alt="" border="0" height="9" src="/resources/images/line2.gif" width="207"/>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <!-- categories_eof //-->
                            </table>
                        </td>
                    </tr>
                </table>
            </f:subview>
        </div>
    </body>
</html>
